<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style/head-foot.css">

    <link rel="stylesheet" href="style/route.css">
</head>

<body>
    <div class="head">
        <div class="head-c">
            <div class="logo">
                <img src="img/logo.jpg" alt="">
            </div>
            <ul class="nav">
                <li class="nav-item"><a href="first.html">首页</a><span class="line"></span></li>
                <li class="nav-item"><a href="plan.html">精品策划</a><span class="line"></span></li>
                <li class="nav-item item-hover ">
                    <div class="hover">
                        <a href="" class="hover-a">定制团体游</a>
                        <a href="" class="hover-a" style="top: 20px;">领队自由行</a>
                    </div>
                    <a href="route.html">特别路线</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item item-hover ">
                    <div class="hover">
                        <a href="" class="hover-a">企业理念</a>
                        <a href="" class="hover-a" style="top: 20px;">品牌介绍</a>
                    </div>
                    <a href="about.html">关于我们</a>
                    <span class="line"></span>
                </li>
                <li class="nav-item item-hover ">
                    <div class="hover">
                        <a href="" class="hover-a">在线咨询</a>
                        <a href="" class="hover-a" style="top: 20px;">留言板块</a>
                    </div>
                    <a href="we.html">联系我们</a>
                    <span class="line"></span>
                </li>
            </ul>
        </div>

    </div>

    <!-- main部分 -->
    <div class="main">
        <div class="main-center">
            <div class="left1 t">境外游</div>
            <div class="left2 t">国内游</div>
            <div class="left3 t">省内游</div>
            <div class="main-card">
                <div class="card-img left">
                    <div class="hover"></div>
                    <img src="img/route1.jpg" alt="">
                    <div class="card-str">
                        <div class="str-top">
                            京都岚山深度 一日游
                        </div>
                        <div class="str-bottom">
                            寻找我们的风花雪月
                        </div>
                    </div>
                </div>
                <div class="card-img">
                    <div class="hover"></div>
                    <img src="img/route2.jpg"  alt="">
                    <div class="card-str">
                        <div class="str-top">
                            京都岚山深度 一日游
                        </div>
                        <div class="str-bottom">
                            寻找我们的风花雪月
                        </div>
                    </div>
                </div>
                <div class="hover">

                </div>
              
                <div class="card-img">
                    <div class="hover"></div>
                    <img src="img/route3.jpg" alt="">
                    <div class="card-str">
                        <div class="str-top">
                            京都岚山深度 一日游
                        </div>
                        <div class="str-bottom">
                            寻找我们的风花雪月
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-card">
                <div class="card-img left">
                    <div class="hover"></div>
                    <img src="img/route4.jpg" alt="">
                    <div class="card-str">
                        <div class="str-top">
                            京都岚山深度 一日游
                        </div>
                        <div class="str-bottom">
                            寻找我们的风花雪月
                        </div>
                    </div>
                </div>
                <div class="card-img">
                    <div class="hover"></div>
                    <img src="img/route5.jpg" alt="">
                    <div class="card-str">
                        <div class="str-top">
                            京都岚山深度 一日游
                        </div>
                        <div class="str-bottom">
                            寻找我们的风花雪月
                        </div>
                    </div>
                </div>
                <div class="card-img">
                    <div class="hover"></div>
                    <img src="img/route6.jpg" alt="">
                    <div class="card-str">
                        <div class="str-top">
                            京都岚山深度 一日游
                        </div>
                        <div class="str-bottom">
                            寻找我们的风花雪月
                        </div>
                    </div>
                </div>
            </div>
            <div class="main-card">
                <div class="card-img left">
                    <div class="hover"></div>
                    <img src="img/route7.jpg" alt="">
                    <div class="card-str">
                        <div class="str-top">
                            京都岚山深度 一日游
                        </div>
                        <div class="str-bottom">
                            寻找我们的风花雪月
                        </div>
                    </div>
                </div>
                <div class="card-img">
                    <div class="hover"></div>
                    <img src="img/route8.jpg" alt="">
                    <div class="card-str">
                        <div class="str-top">
                            京都岚山深度 一日游
                        </div>
                        <div class="str-bottom">
                            寻找我们的风花雪月
                        </div>
                    </div>
                </div>
                <div class="card-img">
                    <div class="hover"></div>
                    <img src="img/route9.jpg" alt="">
                    <div class="card-str">
                        <div class="str-top">
                            京都岚山深度 一日游
                        </div>
                        <div class="str-bottom">
                            寻找我们的风花雪月
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- foot部分 -->
    <div class="foot">
        <div class="foot-contact">
            <div class="foot-title">
                <div class="top">
                    慢旅Slow Travle工作室 
                </div>
            </div>
            
            <div class="site">
                <div class="site-s">
                    地点：河南省郑州市绿地新都汇
                </div>
                <div class="site-s">
                    邮编：000000000
                </div>
                <div class="site-s">
                    0393-2131231321
                </div>
                <div class="site-s">
                    邮箱：mavdjakda@163.com.
                </div>
            </div>

            <div class="foot-img">
                <div class="img">
                    <img src="img/QQ.png" alt="">
                </div>
                <div class="img">
                    <img src="img/weibopng.png" alt="">
                </div>
                <div class="img">
                    <img src="img/weixin.png" alt="">
                </div>
            </div>
            <div class="english">
                COPYRIGHT (©) 2018 mo004_2551 - 生活方式旅游类网站.
            </div>
            <div class="foot-right">
                <div class="right-t">
                    姓名
                </div>
                <div class="right-t">
                    邮箱
                </div>
                <div class="right-t">
                    电话
                </div>

                <div class="right-2">
                    内容
                </div>

                <div class="botton">
                    <a href="">提交</a>
                </div>
            </div>
        </div>
        
    </div>
</body>

</html>